<template>
  <div id="lefttop1">
    <div class="bg-color-black">
      <!-- 标题 -->
      <div class="d-flex pt-2 pl-2 centerTitle">
        <span class="">报警列表</span>
      </div>
      <!-- 内容 -->
      <div class="d-flex littlebox" style=" margin-top: 0;">
        <lefttopchart />  
      </div>
    </div>
  </div>
</template>

<script>
import lefttopchart from "@/components/echart/leftchart/lefttop/lefttop1";

export default {
  data() {
    return {
    };
  },
  components: { lefttopchart },
  mounted() {},
  methods: {}
};
</script>

<style lang="scss">
#lefttop1 {
  padding: 0.0625rem;
  border-radius: 0.0625rem;
  height: 100%;

  .bg-color-black {
    height: 100%;
    padding: 0.0625rem;
    border-radius: 0.125rem;

    .littlebox {
      height: 4.5625rem!important;
    }
  }
 
  .text {
    color: #c3cbde;
    font-size: .3rem;
    width: 100%;
  }
  .centerTitle {
    text-align: center;
  }
}
</style>